﻿@model MenuModel
@using Nop.Web.Models.Common;
<div class="mega-menu-holder">
    <ul class="mega-menu">
        <li><a href="/clothing" style="color: rgb(255, 255, 255);">Clothing</a>
            <div class="dropdown categories">
                <div class="box">
                    <div class="title">
                        <strong>Shop by category</strong>
                    </div>
                    <ul>
                        <li><a href="/dresses" style="color: rgb(0, 0, 0);">Dresses</a> </li>
                        <li><a href="/tops" style="color: rgb(0, 0, 0);">Tops</a> </li>
                        <li><a href="/skirts" style="color: rgb(0, 0, 0);">Skirts</a> </li>
                        <li><a href="/pants" style="color: rgb(0, 0, 0);">Pants</a> </li>
                        <li><a href="/jeans" style="color: rgb(0, 0, 0);">Jeans</a> </li>
                    </ul>
                </div>
                <!--box-->
                <div class="box">
                    <div class="title">
                        <strong>Shop by manufacturer</strong>
                    </div>
                    <ul>
                        <li><a href="/gucci" style="color: rgb(0, 0, 0);">Gucci</a> </li>
                        <li><a href="/versace" style="color: rgb(0, 0, 0);">Versace</a> </li>
                        <li><a href="/dkny" style="color: rgb(0, 0, 0);">DKNY</a> </li>
                        <li><a href="/dolce-gabbana" style="color: rgb(0, 0, 0);">Dolce &amp; Gabbana</a>
                        </li>
                    </ul>
                </div>
                <!--box-->
            </div>
            <!--dropdown-->
        </li>
        <li><a href="/lingerie" style="color: rgb(255, 255, 255);">Lingerie</a>
            <div class="dropdown categories">
                <div class="box">
                    <div class="title">
                        <strong>Shop by category</strong>
                    </div>
                    <ul>
                        <li><a href="/bras" style="color: rgb(0, 0, 0);">Bras</a> </li>
                        <li><a href="/briefs" style="color: rgb(0, 0, 0);">Briefs</a> </li>
                        <li><a href="/sleepwear" style="color: rgb(0, 0, 0);">Sleepwear</a> </li>
                        <li><a href="/accessories-1" style="color: rgb(0, 0, 0);">Accessories</a> </li>
                        <li><a href="/bathing-suits" style="color: rgb(0, 0, 0);">Bathing Suits</a> </li>
                    </ul>
                </div>
                <!--box-->
            </div>
            <!--dropdown-->
        </li>
        <li><a href="/bags" style="color: rgb(255, 255, 255);">Bags</a>
            <div class="dropdown categories">
                <div class="box">
                    <div class="title">
                        <strong>Shop by category</strong>
                    </div>
                    <ul>
                        <li><a href="/leather-bags" style="color: rgb(0, 0, 0);">Leather Bags</a> </li>
                        <li><a href="/shoulder-bags" style="color: rgb(0, 0, 0);">Shoulder Bags</a> </li>
                        <li><a href="/clutches" style="color: rgb(0, 0, 0);">Clutches</a> </li>
                    </ul>
                </div>
                <!--box-->
                <div class="box">
                    <div class="title">
                        <strong>Shop by manufacturer</strong>
                    </div>
                    <ul>
                        <li><a href="/mango" style="color: rgb(0, 0, 0);">Mango</a> </li>
                        <li><a href="/versace" style="color: rgb(0, 0, 0);">Versace</a> </li>
                    </ul>
                </div>
                <!--box-->
            </div>
            <!--dropdown-->
        </li>
        <li><a href="/shoes" style="color: rgb(255, 255, 255);">Shoes</a>
            <div class="dropdown categories">
                <div class="box">
                    <div class="title">
                        <strong>Shop by category</strong>
                    </div>
                    <ul>
                        <li><a href="/sandals" style="color: rgb(0, 0, 0);">Sandals</a> </li>
                        <li><a href="/boots" style="color: rgb(0, 0, 0);">Boots</a> </li>
                        <li><a href="/flats" style="color: rgb(0, 0, 0);">Flats</a> </li>
                        <li><a href="/pumps" style="color: rgb(0, 0, 0);">Pumps</a> </li>
                    </ul>
                </div>
                <!--box-->
                <div class="box">
                    <div class="title">
                        <strong>Shop by manufacturer</strong>
                    </div>
                    <ul>
                        <li><a href="/nina-ricci" style="color: rgb(0, 0, 0);">Nina Ricci</a> </li>
                    </ul>
                </div>
                <!--box-->
            </div>
            <!--dropdown-->
        </li>
        <li><a href="/accessories" style="color: rgb(255, 255, 255);">Accessories</a>
            <div class="dropdown categories">
                <div class="box">
                    <div class="title">
                        <strong>Shop by category</strong>
                    </div>
                    <ul>
                        <li><a href="/hats" style="color: rgb(0, 0, 0);">Hats</a> </li>
                        <li><a href="/belts" style="color: rgb(0, 0, 0);">Belts</a> </li>
                        <li><a href="/wallets" style="color: rgb(0, 0, 0);">Wallets</a> </li>
                        <li><a href="/sunglasses" style="color: rgb(0, 0, 0);">Sunglasses</a> </li>
                        <li><a href="/jewelry" style="color: rgb(0, 0, 0);">Jewelry</a> </li>
                    </ul>
                </div>
                <!--box-->
                <div class="box">
                    <div class="title">
                        <strong>Shop by manufacturer</strong>
                    </div>
                    <ul>
                        <li><a href="/dolce-gabbana" style="color: rgb(0, 0, 0);">Dolce &amp; Gabbana</a>
                        </li>
                    </ul>
                </div>
                <!--box-->
            </div>
            <!--dropdown-->
        </li>
        <li><a href="/casual" style="color: rgb(255, 255, 255);">Casual</a>
            <div class="dropdown categories">
                <div class="box">
                    <div class="title">
                        <strong>Shop by category</strong>
                    </div>
                    <ul>
                        <li><a href="/jeans-1" style="color: rgb(0, 0, 0);">Jeans</a> </li>
                        <li><a href="/jackets" style="color: rgb(0, 0, 0);">Jackets</a> </li>
                        <li><a href="/pants-1" style="color: rgb(0, 0, 0);">Pants</a> </li>
                        <li><a href="/outerwear" style="color: rgb(0, 0, 0);">Outerwear</a> </li>
                    </ul>
                </div>
                <!--box-->
            </div>
            <!--dropdown-->
        </li>
        <li><a href="/activewear" style="color: rgb(255, 255, 255);">Activewear</a> </li>
        <li><a href="/manufacturer/all" style="color: rgb(255, 255, 255);">Designers</a>
            <div class="dropdown manufacturers fullWidth">
                <div>
                    <div class="row">
                        <div class="box">
                            <div class="title">
                                <a href="/mango" class="manufacturer" style="color: rgb(0, 0, 0);"><strong>Mango</strong></a>
                            </div>
                            <!-- title -->
                            <ul>
                                <li><a href="/mango" class="manufacturer" style="color: rgb(0, 0, 0);"><span>
                                    <img alt="Picture for manufacturer Mango" src="http://www.themes.fashion.nop-templates.com/content/images/thumbs/0000081_mango_90.jpeg"></span>
                                </a></li>
                            </ul>
                        </div>
                        <div class="box">
                            <div class="title">
                                <a href="/gap" class="manufacturer" style="color: rgb(0, 0, 0);"><strong>Gap</strong></a>
                            </div>
                            <!-- title -->
                            <ul>
                                <li><a href="/gap" class="manufacturer" style="color: rgb(0, 0, 0);"><span>
                                    <img alt="Picture for manufacturer Gap" src="http://www.themes.fashion.nop-templates.com/content/images/thumbs/0000082_gap_90.gif"></span>
                                </a></li>
                            </ul>
                        </div>
                        <div class="box">
                            <div class="title">
                                <a href="/gucci" class="manufacturer" style="color: rgb(0, 0, 0);"><strong>Gucci</strong></a>
                            </div>
                            <!-- title -->
                            <ul>
                                <li><a href="/gucci" class="manufacturer" style="color: rgb(0, 0, 0);"><span>
                                    <img alt="Picture for manufacturer Gucci" src="http://www.themes.fashion.nop-templates.com/content/images/thumbs/0000083_gucci_90.gif"></span>
                                </a></li>
                            </ul>
                        </div>
                        <div class="box">
                            <div class="title">
                                <a href="/versace" class="manufacturer" style="color: rgb(0, 0, 0);"><strong>Versace</strong></a>
                            </div>
                            <!-- title -->
                            <ul>
                                <li><a href="/versace" class="manufacturer" style="color: rgb(0, 0, 0);"><span>
                                    <img alt="Picture for manufacturer Versace" src="http://www.themes.fashion.nop-templates.com/content/images/thumbs/0000084_versace_90.gif"></span>
                                </a></li>
                            </ul>
                        </div>
                        <div class="box">
                            <div class="title">
                                <a href="/dkny" class="manufacturer" style="color: rgb(0, 0, 0);"><strong>DKNY</strong></a>
                            </div>
                            <!-- title -->
                            <ul>
                                <li><a href="/dkny" class="manufacturer" style="color: rgb(0, 0, 0);"><span>
                                    <img alt="Picture for manufacturer DKNY" src="http://www.themes.fashion.nop-templates.com/content/images/thumbs/0000085_dkny_90.gif"></span>
                                </a></li>
                            </ul>
                        </div>
                        <div class="box">
                            <div class="title">
                                <a href="/dolce-gabbana" class="manufacturer" style="color: rgb(0, 0, 0);"><strong>Dolce
                                    &amp; Gabbana</strong></a>
                            </div>
                            <!-- title -->
                            <ul>
                                <li><a href="/dolce-gabbana" class="manufacturer" style="color: rgb(0, 0, 0);"><span>
                                    <img alt="Picture for manufacturer Dolce &amp; Gabbana" src="http://www.themes.fashion.nop-templates.com/content/images/thumbs/0000086_dolce_gabbana_90.gif"></span>
                                </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <div class="box">
                            <div class="title">
                                <a href="/nina-ricci" class="manufacturer" style="color: rgb(0, 0, 0);"><strong>Nina
                                    Ricci</strong></a>
                            </div>
                            <!-- title -->
                            <ul>
                                <li><a href="/nina-ricci" class="manufacturer" style="color: rgb(0, 0, 0);"><span>
                                    <img alt="Picture for manufacturer Nina Ricci" src="http://www.themes.fashion.nop-templates.com/content/images/thumbs/0000087_nina_ricci_90.gif"></span>
                                </a></li>
                            </ul>
                        </div>
                        <div class="box">
                            <div class="title">
                                <a href="/lanvin" class="manufacturer" style="color: rgb(0, 0, 0);"><strong>Lanvin</strong></a>
                            </div>
                            <!-- title -->
                            <ul>
                                <li><a href="/lanvin" class="manufacturer" style="color: rgb(0, 0, 0);"><span>
                                    <img alt="Picture for manufacturer Lanvin" src="http://www.themes.fashion.nop-templates.com/content/images/thumbs/0000088_lanvin_90.gif"></span>
                                </a></li>
                            </ul>
                        </div>
                        <div class="empty-box">
                        </div>
                        <div class="empty-box">
                        </div>
                        <div class="empty-box">
                        </div>
                        <div class="empty-box">
                        </div>
                    </div>
                </div>
            </div>
            <!--dropdown-->
        </li>
    </ul>
</div>
<script type="text/javascript">
//    $(function () {
//        var $oe_menu = $('#oe_menu');
//        var $oe_menu_items = $oe_menu.children('li');
//        var $oe_overlay = $('#oe_overlay');

//        $oe_menu_items.bind('mouseenter', function () {
//            var $this = $(this);
//            $this.addClass('slided selected');
//            $this.children('div').css('z-index', '9999').stop(true, true).slideDown(200, function () {
//                $oe_menu_items.not('.slided').children('div').hide();
//                $this.removeClass('slided');
//            });
//        }).bind('mouseleave', function () {
//            var $this = $(this);
//            $this.removeClass('selected').children('div').css('z-index', '1');
//        });

//        $oe_menu.bind('mouseenter', function () {
//            var $this = $(this);
//            $oe_overlay.stop(true, true).fadeTo(200, 0.6);
//            $this.addClass('hovered');
//        }).bind('mouseleave', function () {
//            var $this = $(this);
//            $this.removeClass('hovered');
//            $oe_overlay.stop(true, true).fadeTo(200, 0);
//            $oe_menu_items.children('div').hide();
//        })
//    });
</script>
<!-- end menus -->
@*<ul class="top-menu">
    @Html.Widget("header_menu_before")
    <li><a href="@Url.RouteUrl("HomePage")">@T("HomePage")</a></li>
    @if (Model.RecentlyAddedProductsEnabled)
    {
        <li><a href="@Url.RouteUrl("RecentlyAddedProducts")">@T("Products.NewProducts")</a>
        </li>
    }
    <li><a href="@Url.RouteUrl("ProductSearch")">@T("Search")</a> </li>
    <li><a href="@Url.RouteUrl("CustomerInfo")">@T("Account.MyAccount")</a></li>
    @if (Model.BlogEnabled)
    {
        <li><a href="@Url.RouteUrl("Blog")">@T("Blog")</a></li>
    }
    @if (Model.ForumEnabled)
    {
        <li><a href="@Url.RouteUrl("Boards")">@T("Forum.Forums")</a></li>
    }
    <li><a href="@Url.RouteUrl("ContactUs")">@T("ContactUs")</a></li>
    @Html.Widget("header_menu_after")
</ul>*@ 